<!DOCTYPE html>
<html lang="ch">

<head>
    <title>咸鱼王的贼窝</title>

    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="css/index.css">
</head>

<body>

<!--按钮表和按钮里-->
<input type="checkbox" id="menu_btn">
<label class="menu-btn" for="menu_btn">
    <i class="fa fa-bars" aria-hidden="true"></i>
</label>

<!--点击三道杠后出现的-->
<div class="wrapper">
    <ul class="menu">
        <li><a href="index.html">首页</a></li>
        <li><a href="messageBoard.html">留言板</a></li>
        <li><a href="videoHall.html">放映厅</a></li>
        <li><a href="login.html">登录</a></li>
        <li><a href="#">空</a></li>
    </ul>
</div>
<!--侧边栏-->
<ul class="icon-nav">
    <li>
        <a href="">
            <i class="fa fa-home"></i>
            <span>首页</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-product-hunt"></i>
            <span>产品管理</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-user-circle"></i>
            <span>会员管理</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-shopping-bag"></i>
            <span>订单管理</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-credit-card-alt"></i>
            <span>财务中心</span>
        </a>
    </li>
    <!-- 分割线 -->
    <li class="split">
        <a href="">
            <i class="fa fa-bell"></i>
            <span>消息</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-gear"></i>
            <span>系统配置</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-user"></i>
            <span>用户中心</span>
        </a>
    </li>
</ul>

<!--中间三张卡片-->
<div class="container">

    <a href="">
        <div class="card">
            <div class="img-box">
                <img src="./images/index/1.jpg" alt="">
            </div>
            <div class="text-box">
                <h2>公告</h2>
                <p>
                    本站建立于2022年9月30日_____________今年真是困难的一年,什么也干不了,什么也不能做</p>
            </div>
        </div>
    </a>

    <a href="xyueong.html">
        <div class="card">
            <div class="img-box">
                <img src="./images/index/2.jpg" alt="">
            </div>
            <div class="text-box">
                <h2>查看作者</h2>
                <p>
                    欢迎来到!!!!!! 咸鱼王的______"闪亮","崭新","发展中"____贼窝!!!!! 随便看看吧~~~~~~~~~~</p>
            </div>
        </div>
    </a>

    <a href="">
        <div class="card">
            <div class="img-box">
                <img src="./images/index/3.jpg" alt="">
            </div>
            <div class="text-box">
                <h2>卡片三</h2>
                <p>
                    我是内容三我是内容三我是内容三我是内容三我是内容三我是内容三我是内容三我是内容三我是内容三我是内容三</p>
            </div>
        </div>
    </a>
</div>

</body>

</html>